@charset "UTF-8";
/* ------------------------------------
	* header（SP版）
* ------------------------------------ */
div#headerWrapper {
	position: relative;
	z-index: 900;
}

header#header {
	position: relative;
}

header#header .header_inner {
	position: relative;
	background: #ffffff;
	padding: 8px 10px;
	/*z-index: 999;*/
	/* -webkit-transform: translate3d(0,0,0); 一部機種でcoverに隠れてしまう ※これつけると画像がぼやける*/
}

/* --------------------------
	* logo
* -------------------------- */
header#header .logo {
	width: 106px;
	float: left;
	padding: 5px 0 0 0;
}
header#header .logo img {
	width: 106px;
	position: relative;
}

/* --------------------------
	* btn_study_list
* -------------------------- */
header#header .btn_study_list {
	float: right;
}

header#header .btn_study_list a {
	display: table;
}

header#header .btn_study_list p {
	display: table-cell;
	vertical-align: middle;
}

header#header .btn_study_list .ttl_study_list {
	width: 42px;
	height: 45px;
	overflow: hidden;
	background: url(/static/sp/shared/images/img_hd_studylist.png) no-repeat left top;
	background-size: 42px 45px;
		-moz-background-size: 42px 45px;
		-webkit-background-size: 42px 45px;
}
header#header .btn_study_list .ttl_study_list .mod_sprite {
	width: 42px !important;
}

header#header .btn_study_list .total {
	height: 45px;
	text-align: center;
	background: url(/static/sp/shared/images/bg_hd_studylist.png) no-repeat right top;
	background-size: 100px 45px;
		-moz-background-size: 100px 45px;
		-webkit-background-size: 100px 45px;
}
header#header .btn_study_list .total span {
	padding: 0 10px;
	font-size: 14px;
	font-weight: bold;
	color: #faed00;
}

/* --------------------------
	* list_utility
* -------------------------- */
header#header .list_utility {
	display: table;
	width: 100%;
	padding: 5px 0;
	z-index: 1;
	background: #ffffff;
	border-top: 1px solid #dadadb;
	border-bottom: 2px solid #dadadb;
}

header#header .list_utility li {
	display: table-cell;
	width: 50%;
	font-size: 12px;
	text-align: center;
	border-right: 1px solid #dadadb;
}
header#header .list_utility li:last-child {
	border-right: none;
}

header#header .list_utility li .btn_inner {
	display: block;
	padding: 8px 0;
}

header#header .list_utility li .icon {
	display: inline-block;
	padding: 2px 0 0 16px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 14px 14px;
		-moz-background-size: 14px 14px;
		-webkit-background-size: 14px 14px;
	line-height: 1.4;
}
header#header .list_utility .utility1 .icon {
	background-image: url(/static/sp/shared/images/icon/icn_save_search.png);
}
header#header .list_utility .utility2 .icon {
	background-image: url(/static/sp/shared/images/icon/icn_recent_object.png);
}

/* --------------------------
	* menu_header
* -------------------------- */
header#header .menu_header {
	width: 100%;
	position: absolute;
	/*z-index: 1000;*/
	background: #ffffff;
}

/* btn_menu */
header#header .btn_menu {
	width: 45px;
	float: right;
	padding: 0 0 0 5px;
}
header#header .btn_menu a {
	display: block;
	height: 45px;
	background-image: url(/static/sp/shared/images/btn_menu_open.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 45px 45px;
		-moz-background-size: 45px 45px;
		-webkit-background-size: 45px 45px;
}
header#header .btn_menu a.active {
	background-image: url(/static/sp/shared/images/btn_menu_close.png);
}
header#header .btn_menu a:before { /* 背景画像のぼけ対策 */
	content: " &nbsp;";
	color: transparent;
}

/* list_menu */
header#header .list_menu {
	display: none; /* 初期状態：非表示 */
	border-top: 2px solid #013b96;
	border-bottom: 2px solid #dadadb;
	overflow: hidden;
}

header#header .list_menu a {
	font-size: 15px;
	font-weight: bold;
}

header#header .list_menu li {
	border-bottom: 1px solid #d3d8e3;
}
header#header .list_menu li.home,
header#header .list_menu li:last-child {
	border-bottom: none;
}

header#header .list_menu .tree {
	border-bottom: 2px solid #013b96;
}

header#header .list_menu .list_title {
	padding: 5px 15px;
	background: #013b96;
	font-weight: bold;
	color: #ffffff;
}

header#header .list_menu li .link_inner {
	display: block;
	padding: 12px 15px 12px 45px;
	background-position: 12px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
		-moz-background-size: 24px 24px;
		-webkit-background-size: 24px 24px;
}
header#header .list_menu .home .link_inner {
	background-image: url(/static/sp/shared/images/icon/icn_menu_home.png);
}
/*header#header .list_menu .signout .link_inner {
	background-image: url(/static/sp/shared/images/icon/icn_menu_signout.png);
}
header#header .list_menu .edit .link_inner {
	background-image: url(/static/sp/shared/images/icon/icn_menu_edit.png);
}*/
header#header .list_menu .room .link_inner {
	background-image: url(/static/sp/shared/images/icon/icn_menu_room.png);
}
header#header .list_menu .shop .link_inner {
	background-image: url(/static/sp/shared/images/icon/icn_menu_shop.png);
}
header#header .list_menu .time .link_inner {
	background-image: url(/static/sp/shared/images/icon/icn_menu_time.png);
}
header#header .list_menu .bear .link_inner {
	background-image: url(/static/sp/shared/images/icon/icn_menu_bear.png);
}
header#header .list_menu .inquiry .link_inner {
	background-image: url(/static/sp/shared/images/icon/icn_menu_inquiry.png);
}

header#header .list_menu .campaign .link_inner {
	background-image: url(/static/sp/shared/images/icon/icn_menu_campaign.png);
}
header#header .list_menu .benefit .link_inner {
	background-image: url(/static/sp/shared/images/icon/icn_menu_benefit.png);
}

header#header .list_menu li .icon {
	display: block;
	padding: 0 15px 0 0;
	background: url(/static/sp/shared/images/arr_link_blue.png) no-repeat right center;
	background-size: 8px 14px;
		-moz-background-size: 8px 14px;
		-webkit-background-size: 8px 14px;
}

/* link_close */
header#header .menu_header .link_close {
	background: #eff2f4;
	text-align: center;
}
header#header .menu_header .link_close a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
header#header .menu_header .link_close .link_inner {
	display: block;
	padding: 15px 0;
}
header#header .menu_header .link_close .icon {
	padding: 0 20px 0 0;
	background: url(/static/sp/shared/images/icon/icn_menu_close.png) no-repeat right center;
	background-size: 14px 14px;
		-moz-background-size: 14px 14px;
		-webkit-background-size: 14px 14px;
}

/* --------------------------
	* cover
* -------------------------- */
#cover {
	display: none; /* 初期状態：非表示 */
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 800;
	background: rgba(0, 0, 0, 0.6);
	overflow: hidden;
}
